<template>
  <el-dialog
    v-model="isShow"
    :title="title"
    width="80%"
    :close-on-click-modal="false"
    @close="handleClose"
  >
    <el-descriptions :column="4" class="mt-4">
      <el-descriptions-item label-align="right" label="运输方式">{{row.publicName}}</el-descriptions-item>
      <el-descriptions-item label-align="right" label="运输发票">{{row.publicKey}}</el-descriptions-item>
      <el-descriptions-item label-align="right" label="计价方式">{{row.publicValue}}</el-descriptions-item>
      <el-descriptions-item label-align="right" label="载具要求">{{row.createTime}}</el-descriptions-item>
      <el-descriptions-item label-align="right" label="货值申明">{{row.createTime}}</el-descriptions-item>
      <el-descriptions-item label-align="right" label="合理损耗">{{row.createTime}}</el-descriptions-item>
      <el-descriptions-item label-align="right" label="装运说明">{{row.createTime}}</el-descriptions-item>
    </el-descriptions>
    <el-divider />

  </el-dialog>
</template>

<script setup lang="ts">
import {ElMessage, ElMessageBox} from 'element-plus'
import { ref, reactive, inject, getCurrentInstance, ComponentInternalInstance } from 'vue';
const {proxy} = getCurrentInstance() as ComponentInternalInstance;
let optionData:any = inject('optionData'); 
const emit = defineEmits(['confirm']);
let isShow = ref(false);
let title = ref('订单详情');
let row:any = reactive({});
const init = (data:any) => {
  row = data;
  isShow.value = true;
};
const handleClose = () => {
  
}

defineExpose({
  init,
})
</script>

<style>

</style>